@layout("/common/_container.html",{js:["/assets/Shiproductfunction/shiProductFunction/shiProductFunction_edit.js"]}){

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>


<style type="text/css">
    #shuju{
        float:left;
        margin:15px;
        margin-top:10px;
        margin-bottom:5px;
    }

    .yanse{
        color: #40AFFE;
    }

    .Shiimg img{
        width:300px;
        height:260px
    }


</style>


<div class="layui-body-header">
    <span class="layui-body-header-title"></span>
</div>


<div class="layui-fluid " style="">
    <div class="layui-card" style="height: 1800px;">

        <div class="layui-card-body" id="demo">

            <input type="hidden" name="ids" id="ids" value="${id}">


        </div>



        <!--<div class="layui-form-item">-->
            <!--<label class="layui-form-label">商品详情<span style="color: red;">*</span></label>-->
            <!--<div class="layui-input-block">-->
                <!--<input id="cash" name="cash" placeholder="请输入押金" type="text" class="layui-input" lay-verify="required" required/>-->
            <!--</div>-->
        <!--</div>-->





    </div>
</div>



<script type="text/javascript">

    <!--获取当前的端口号。-->
    var url = "http://"+window.location.host;

  $(function () {

      var ids = $("#ids").val();
      var strArry = ids.split(',');
      for(var i =0 ;i<strArry.length;i++)
      {
          if(strArry[i] != undefined && strArry[i] != "undefined"){
              //向后台请求数据
              $.ajax({
                  url : url + "/api/getProdcutDetail/",
                  type:"post",
                  dataType:"json",
                  data:{
                      prodcutOrderId:ids
                  },
                  success:function(data){
                      var Package;
                      for (var i = 0; i<data.data.packageSizes.length; i++){
                          Package = "长"+data.data.packageSizes[i].length+"，宽"+data.data.packageSizes[i].wide+"，高"+data.data.packageSizes[i].tall+"，毛重"+data.data.packageSizes[i].roughWeight+"，净重"+data.data.packageSizes[i].netWeight+"，体积"+data.data.packageSizes[i].volume+"<br/>"
                      }
                          $("#demo").append("<div id='shuju'>产品分类："+data.data.productName+" <br/>产品型号名称:\t<span class='yanse'>"+data.data.prodcutModelName+"</span><br/>产品订单名称:\t<span class='yanse'>"+data.data.productOrderName+"</span><br/>产品颜色:\t<span class='yanse'>"+data.data.color+"</span><br/>产品色号:\t<span class='yanse'>"+data.data.colorNum+"</span><br/>产品材质:\t<span class='yanse'>"+data.data.material+"</span> <br/>产品价格:\t<span class='yanse'>"+data.data.price+"</span><br/>产品包装尺寸:\t<span class='yanse'>"+Package+"</span><br/>单位名称:\t<span class='yanse'>"+data.data.unitName+"</span><br/>最小单位:\t<span class='yanse'>"+data.data.unitMin+"</span><br/>最大单位:\t<span class='yanse'>"+data.data.unitMax+"</span><br/>产品体积:\t<span class='yanse'>"+data.data.unitVolume+"</span> <br/><br/>产品高度:\t<span class='yanse'>"+data.data.unitWeight+"</span><br/>上市时间:\t<span class='yanse'>"+data.data.timeToMarket+"</span><br/>最高销售价格:\t<span class='yanse'>"+data.data.minOrderAmount+"</span><br/>最低销售价格:\t<span class='yanse'>"+data.data.minSellingPrice+"</span><br/>全国统一价格:\t<span class='yanse'>"+data.data.uniformSalesPrice+"</span><br/>转化率:\t<span class='yanse'>"+data.data.conversionRatio+"</span><br/>费用:\t<span class='yanse'>"+data.data.bothfee+"</span><br/>备注:\t<span class='yanse'>"+data.data.remark+"</span><br/>创建时间:\t<span class='yanse'>"+data.data.createTime+"</span><br/>20尺码:\t<span class='yanse'>"+data.data.two+"</span> <br/><br/>40尺码:\t<span class='yanse'>"+data.data.four+"</span><br/>40尺码HQ:\t<span class='yanse'>"+data.data.fourHQ+"</span><br/>报告证书\t<span class='yanse'>"+data.data.reportCertificate+"</span><br/>产品图片:\t<div class='Shiimg' id='tupian'></div></div>");

                      var img
                      //循环查询图片
                      for (var j = 0; j<data.data.picPathList.length; j++){
                          img = "<img src="+data.data.picPathList[j]+"></img>";
                          $("#tupian").append(img);
                      }



                  }
              });
          }

      }











  });














</script>








@}